﻿<!DOCTYPE HTML>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>launcher</title>
  <meta name="author" content="三城国际怀旧" />
  <link type="text/css" rel="stylesheet" href="css/reset.css" />
  <!-- 615 270 -->
  454 160
  <style>
    a {
      color: #cdbcac
    }

    strong {
      font-weight: bold
    }

    .left_bar {
      width: 444px;
      height: 270px;
      overflow: hidden;
      font-family: \5FAE\8F6F\96C5\9ED1;
    }

    .slider {
      width: 444px;
      height: 195px;
      overflow: hidden;
      border: 1px solid #000;
      margin-bottom: 2px;
      position: relative
    }

    .slider li {
      display: block;
      position: absolute;
    }

    .slider li img {
      width: 443px;
      /* height: 198px; */
    }

    .triggers {
      position: absolute;
      bottom: 10px;
      right: 10px;
      z-index: 10
    }

    .triggers span {
      display: block;
      width: 22px;
      height: 22px;
      background: url("image/slide_num.png") no-repeat;
      cursor: pointer;
      float: left;
      text-indent: -1987em;
      overflow: hidden
    }

    .triggers span.current {
      background-position: 0 bottom
    }

    .news {
      background: url("image/news.jpg") no-repeat;
      width: 320px;
      height: 130px;
      float: right;
      padding-left: 1px;
      padding-right: 1px;
    }

    .news_tab li {
      float: left;
      text-align: center;
      width: 65px;
      height: 26px;
      overflow: hidden
    }

    .news_tab li a {
      color: #cab480;
      display: block;
      height: 24px;
      line-height: 24px;
      font-size: 14px
    }

    .news_tab li a.current {
      color: #FFF;
      border-bottom: 2px solid #ffd440;
    }

    .news_con {
      display: none;
      position: relative;
      font-size: 12px;
      padding: 8px 0;
      line-height: 24px;
      height: 96px;
    }

    .news_con ul {
      overflow: hidden;
      height: 96px;
    }

    .news_con ul a {
      display: block;
      width: 240px;
      height: 24px;
      line-height: 24px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .news_con ul a:hover {
      color: #e1af56;
    }

    .news_more {
      position: absolute;
      right: 10px;
      top: -25px;
      color: #cab480;
      font-size: 11px;
    }

    .news_con li {
      display: block;
      width: 292px;
      float: left;
      height: 24px;
      overflow: hidden;
    }

    .news_con li a.impnews {
      font-weight: bold;
      color: #ff0000;
    }

    .time {
      float: right;
      color: #a6a49b;
      display: block;
      width: 44px;
      height: 24px;
      line-height: 24px;
    }

    .txt_85632e {
      color: #85632e
    }

    .kind_annc,
    .kind_news {
      display: none
    }

    .code {
      background: url("image/er_code.jpg") no-repeat;
      width: 120px;
      height: 130px;
      overflow: hidden;
      position: relative;
      float: left;
    }

    .er_code {
      width: 99px;
      height: 130px;
      overflow: hidden;
      margin: 0 auto;
    }

    .er_code ul li {
      float: left;
      width: 99px;
      /*display:block; position:absolute;*/
    }

    .er_code ul li span {
      display: block;
      color: #e7c46f;
      font: normal 14px/31px "Microsoft YaHei", "微软雅黑";
    }

    .er_code ul li img {
      width: 99px;
      height: 99px;
    }

    .code .triggers {
      display: none;
    }

    .button span {
      position: absolute;
      top: 4px;
      font: normal 16px/1.5 simsun, serif;
      color: #ffd440;
      z-index: 10;
      cursor: pointer;
    }

    .button span.prev {
      left: 2px;
      display: none;
    }

    .button span.next {
      right: 2px;
    }

    a {
      color: #d18e41
    }

    strong {
      font-weight: bold
    }

    .right_bar {
      width: 150px;
      height: 171px;
      overflow: hidden;
      color: #d5c3b3;
      font-size: 12px;
      padding: 56px 14px 0 6px;
      background: url("image/right.jpg") no-repeat;
      margin-bottom: 3px;
      font-family: \5FAE\8F6F\96C5\9ED1;
    }

    .up_date {
      height: 240px;
      margin-bottom: 10px;
      line-height: 2em;
    }

    .up_date p {
      padding: 2px 0
    }

    .up_date a {
      display: block;
      font-size: 14px;
      text-decoration: underline
    }

    * html .jspCorner {
      margin: 0 -3px 0 0;
    }

    .down {
      display: block;
      width: 170px;
      height: 40px;
      background: url("image/patch.png") no-repeat;
      text-align: center;
      line-height: 40px;
      color: #d18e41;
      font-size: 14px;
    }

    .down:hover {
      background-position: 0 -40px;
      text-decoration: underline
    }

    .down.failed {
      background-position: 0 -80px;
      cursor: default;
    }

    body {
      background-color: #000000;
      padding: 0;
      margin: 0;
    }
  </style>
</head>

<body onselectstart="return false" scroll="no" oncontextmenu="return false" ondragstart="return false">
  <div class="left_bar" style="float:left;">
    <div class="slider">
      <div class="banner">
        <ul>
          <li>
            <a href="https://pan.baidu.com/s/1GwdqCTncevqnE9fOfYpXxw?pwd=pv3n" target="_blank">
              <img src="image/lan_a1.jpg" alt="测试" />
            </a>
          </li>
          <li>
            <a href="https://pan.baidu.com/s/1GwdqCTncevqnE9fOfYpXxw?pwd=pv3n" target="_blank">
              <img src="image/lan_a2.jpg" alt="测试" />
            </a>
          </li>
          <li>
            <a href="https://pan.baidu.com/s/1GwdqCTncevqnE9fOfYpXxw?pwd=pv3n" target="_blank">
              <img src="image/lan_a3.jpg" alt="测试" />
            </a>
          </li>
          <li>
            <a href="https://pan.baidu.com/s/1GwdqCTncevqnE9fOfYpXxw?pwd=pv3n" target="_blank">
              <img src="image/lan_a4.jpg" alt="测试" />
            </a>
          </li>
          <li>
            <a href="https://pan.baidu.com/s/1GwdqCTncevqnE9fOfYpXxw?pwd=pv3n" target="_blank">
              <img src="image/lan_a5.jpg" alt="测试" />
            </a>
          </li>
        </ul>
      </div>
    </div>
    <div class="code">
      <div class="er_code">
        <ul>
          <li><span>扫一扫加入Q群</span><img src="image/BBS.png" </li>
          <li><span>扫一扫加入Q群</span><img src="image/BBS.png" </li>
        </ul>
      </div>
      <div class="button">
        <span class="prev">&lt;</span>
        <span class="next">&gt;</span>
      </div>
    </div>
    <div class="news">
      <ul class="news_tab clearfix">
        <li><a href="javascript:void(0)" class="current">综合</a></li>
        <li><a href="javascript:void(0)">新闻</a></li>
        <li><a href="javascript:void(0)">公告</a></li>
        <li><a href="#">论坛</a></li>
      </ul>
      <div class="news_con" style="display: block;">
        <ul>
          <div style="height:25px; overflow:hidden;">
            <li><span class="time">(12/16)</span><em class="kind_annc">【综合】</em><a
                href="https://pan.baidu.com/s/1GwdqCTncevqnE9fOfYpXxw?pwd=pv3n" title="客服" target="_blank"
                style=" font-weight:bold;" class="impnews">【客服】QQ：暂时未定</a></li>
          </div>
          <div style="height:25px; overflow:hidden;">
            <li><span class="time">(12/16)</span><em class="kind_news">【交流】</em><a
                href="https://pan.baidu.com/s/1GwdqCTncevqnE9fOfYpXxw?pwd=pv3n" title="交流" target="_blank"
                style=" font-weight:bold;" class="impnews">【交流】QQ群：暂时未定</a></li>
          </div>
          <div style="height:25px; overflow:hidden;">
            <li><span class="time">(12/16)</span><em class="kind_news">【官网】</em><a
                href="https://pan.baidu.com/s/1GwdqCTncevqnE9fOfYpXxw?pwd=pv3n" title="官网" target="_blank"
                style=" font-weight:bold;" class="impnews">【官网】</a></li>
          </div>
          <div style="height:76px; overflow:hidden;">
            <li><span class="time">(12/16)</span><em class="kind_news">【新区】</em><a
                href="https://pan.baidu.com/s/1GwdqCTncevqnE9fOfYpXxw?pwd=pv3n" title="新区" target="_blank"
                style="font-weight:bold;">【新区】1区激情开放中</a></li>
          </div>
        </ul>
      </div>
      <div class="news_con"> <a href="https://pan.baidu.com/s/1GwdqCTncevqnE9fOfYpXxw?pwd=pv3n" class="news_more"
          target="_blank"><strong class="txt_85632e">+</strong>MORE</a>
        <ul>
          <div style="height:25px; overflow:hidden;">
            <li><span class="time">(12/16)</span><em class="kind_annc">【综合】</em><a
                href="https://pan.baidu.com/s/1GwdqCTncevqnE9fOfYpXxw?pwd=pv3n" title="客服" target="_blank"
                style=" font-weight:bold;" class="impnews">【客服】QQ：暂时未定</a></li>
          </div>
          <div style="height:25px; overflow:hidden;">
            <li><span class="time">(12/16)</span><em class="kind_news">【交流】</em><a
                href="https://pan.baidu.com/s/1GwdqCTncevqnE9fOfYpXxw?pwd=pv3n" title="交流" target="_blank"
                style=" font-weight:bold;" class="impnews">【官网】</a></li>
          </div>
          <div style="height:25px; overflow:hidden;">
            <li><span class="time">(12/16)</span><em class="kind_news">【官网】</em><a
                href="https://pan.baidu.com/s/1GwdqCTncevqnE9fOfYpXxw?pwd=pv3n" title="官网" target="_blank"
                style=" font-weight:bold;" class="impnews">【官网】www.920tl.com</a></li>
          </div>
          <div style="height:76px; overflow:hidden;">
            <li><span class="time">(12/16)</span><em class="kind_news">【公告】</em><a
                href="https://pan.baidu.com/s/1GwdqCTncevqnE9fOfYpXxw?pwd=pv3n" title="公告" target="_blank"
                style="">【新闻】永恒天龙1区激情开放中</a></li>
          </div>
        </ul>
      </div>
      <div class="news_con"> <a href="https://pan.baidu.com/s/1GwdqCTncevqnE9fOfYpXxw?pwd=pv3n" class="news_more"
          target="_blank"><strong class="txt_85632e">+</strong>MORE</a>
        <ul>
          <div style="height:25px; overflow:hidden;">
            <li><span class="time">(12/16)</span><em class="kind_annc">【综合】</em><a
                href="https://pan.baidu.com/s/1GwdqCTncevqnE9fOfYpXxw?pwd=pv3n" title="客服" target="_blank"
                style=" font-weight:bold;" class="impnews">【客服】QQ：暂时未定</a></li>
          </div>
          <div style="height:25px; overflow:hidden;">
            <li><span class="time">(12/16)</span><em class="kind_news">【新闻】</em><a
                href="https://pan.baidu.com/s/1GwdqCTncevqnE9fOfYpXxw?pwd=pv3n" title="交流" target="_blank"
                style=" font-weight:bold;" class="impnews">【官网】</a></li>
          </div>
          <div style="height:76px; overflow:hidden;">
            <li><span class="time">(12/16)</span><em class="kind_news">【公告】</em><a
                href="https://pan.baidu.com/s/1GwdqCTncevqnE9fOfYpXxw?pwd=pv3n" title="公告" target="_blank"
                style="">【合区】暂无</a></li>
          </div>
        </ul>
      </div>
      <div class="news_con"> <a href="https://pan.baidu.com/s/1GwdqCTncevqnE9fOfYpXxw?pwd=pv3n" class="news_more"
          target="_blank"><strong class="txt_85632e">+</strong>MORE</a>
        <ul>
          <div style="height:25px; overflow:hidden;">
            <li><span class="time">(12/16)</span><em class="kind_annc">【综合】</em><a
                href="https://pan.baidu.com/s/1GwdqCTncevqnE9fOfYpXxw?pwd=pv3n" title="客服" target="_blank"
                style=" font-weight:bold;" class="impnews">【客服】QQ：暂时未定</a></li>
          </div>
          <div style="height:25px; overflow:hidden;">
            <li><span class="time">(12/16)</span><em class="kind_news">【新闻】</em><a
                href="https://pan.baidu.com/s/1GwdqCTncevqnE9fOfYpXxw?pwd=pv3n" title="交流" target="_blank"
                style=" font-weight:bold;" class="impnews">【官网】</a></li>
          </div>
          <div style="height:76px; overflow:hidden;">
            <li><span class="time">(12/16)</span><em class="kind_news">【公告】</em><a
                href="https://pan.baidu.com/s/1GwdqCTncevqnE9fOfYpXxw?pwd=pv3n" title="公告" target="_blank"
                style="font-weight:bold;">【论坛】</a></li>
          </div>
        </ul>
      </div>
    </div>
  </div>

  <script type="text/javascript" src="css/jquery-1.8.3.min.js"></script>
  <script type="text/javascript" src="css/jquery.switchable-2.0.js"></script>
  <script>
    $(function () {
      $('.banner').switchable({
        //triggers: '&bull;',  //&bull;应用时，触点样式变为圆点;
        putTriggers: 'insertBefore',
        effect: 'fade',
        panels: 'li',
        autoplay: true,
        loop: true,//false时不循环
        easing: 'ease-in-out'
      });

      $('.er_code').switchable({
        //triggers: '&bull;',  //&bull;应用时，触点样式变为圆点;
        putTriggers: 'insertBefore',
        effect: 'scrollLeft',
        panels: 'li',
        autoplay: false,
        loop: false,//false时不循环
        easing: 'ease-in-out',
        prev: '.prev',
        next: $('.next'),
        onSwitch: function (event, currentIndex) {
          var api = this;
          // hide the prevBtn
          api.prevBtn[currentIndex === 0 ? 'hide' : 'show']();
          // disable the nextBtn
          api.nextBtn[currentIndex === api.length - 1 ? 'hide' : 'show']();// ? 'addClass' : 'removeClass']('disabled');
        }
      });
    });

    //tab 切换
    var tabs = function (e1, e2, e3) {
      var e1 = $('a', e1);
      var e2 = $(e2);
      e1.mouseover(function () {
        if (!$(this).hasClass('current')) {
          e1.removeClass('current');
          $(this).addClass('current');
          var idx = e1.index(this);
          e2.hide();
          $(e2[idx]).show();
          $(e3).attr('href', $(this).attr('href'));
        }
      });
      e1.click(function () {
        return false;
      })
    };
    tabs('.news_tab li', '.news_con');
  </script>


</body>

</html>